<template>
	<view class="page">
		<view class="u-p-30">
			<u--form :model="form" ref="uForm" :rules="rules" errorType="toast">
				<u-form-item label="出租方(以下简称“甲方“)" prop="name" required labelWidth="380rpx">
					<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false' v-model="form.name"
						inputAlign='right' bgColor='#eee' placeholder='请输入'>
					</u-search>
				</u-form-item>
				<u-form-item label="国籍" prop="name1" required labelWidth="80rpx">
					<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false' v-model="form.name1"
						inputAlign='right' bgColor='#eee' placeholder='请输入'>
					</u-search>
				</u-form-item>
				<u-form-item label="【身份证】【护照号码】" prop="name2" required labelWidth="350rpx">
					<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false' v-model="form.name2"
						inputAlign='right' bgColor='#eee' placeholder='请输入'>
					</u-search>
				</u-form-item>
				<u-form-item label="营业执照" prop="name3" required labelWidth="140rpx">
					<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false' v-model="form.name3"
						inputAlign='right' bgColor='#eee' placeholder='请输入'>
					</u-search>
				</u-form-item>
				<u-form-item label="法定代表人" prop="name4" required labelWidth="170rpx">
					<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false' v-model="form.name4"
						inputAlign='right' bgColor='#eee' placeholder='请输入'>
					</u-search>
				</u-form-item>
				<u-form-item label="委托代理人姓名" prop="name5" required labelWidth="230rpx">
					<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false' v-model="form.name5"
						inputAlign='right' bgColor='#eee' placeholder='请输入'>
					</u-search>
				</u-form-item>
				<u-form-item label="联系地址／电话" prop="name6" required labelWidth="230rpx">
					<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false' v-model="form.name6"
						inputAlign='right' bgColor='#eee' placeholder='请输入'>
					</u-search>
				</u-form-item>
				<u-form-item label="国籍" prop="name7" required labelWidth="80rpx">
					<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false' v-model="form.name7"
						inputAlign='right' bgColor='#eee' placeholder='请输入'>
					</u-search>
				</u-form-item>
				<u-form-item label="【身份证】【护照号码】" prop="name8" required labelWidth="350rpx">
					<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false' v-model="form.name8"
						inputAlign='right' bgColor='#eee' placeholder='请输入'>
					</u-search>
				</u-form-item>
				<u-form-item label="承租方(以下简称“乙方“)" prop="name9" required labelWidth="380rpx">
					<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false' v-model="form.name9"
						inputAlign='right' bgColor='#eee' placeholder='请输入'>
					</u-search>
				</u-form-item>
				<u-form-item label="国籍" prop="name10" required labelWidth="80rpx">
					<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
						v-model="form.name10" inputAlign='right' bgColor='#eee' placeholder='请输入'>
					</u-search>
				</u-form-item>
				<u-form-item label="【身份证】【护照号码】" prop="name11" required labelWidth="350rpx">
					<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
						v-model="form.name11" inputAlign='right' bgColor='#eee' placeholder='请输入'>
					</u-search>
				</u-form-item>
				<u-form-item label="营业执照" prop="name12" required labelWidth="140rpx">
					<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
						v-model="form.name12" inputAlign='right' bgColor='#eee' placeholder='请输入'>
					</u-search>
				</u-form-item>
				<u-form-item label="法定代表人" prop="name13" required labelWidth="170rpx">
					<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
						v-model="form.name13" inputAlign='right' bgColor='#eee' placeholder='请输入'>
					</u-search>
				</u-form-item>
				<u-form-item label="委托代理人姓名" prop="name14" required labelWidth="230rpx">
					<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
						v-model="form.name14" inputAlign='right' bgColor='#eee' placeholder='请输入'>
					</u-search>
				</u-form-item>
				<u-form-item label="联系地址／电话" prop="name15" required labelWidth="230rpx">
					<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
						v-model="form.name15" inputAlign='right' bgColor='#eee' placeholder='请输入'>
					</u-search>
				</u-form-item>
				<u-form-item label="国籍" prop="name16" required labelWidth="80rpx">
					<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
						v-model="form.name16" inputAlign='right' bgColor='#eee' placeholder='请输入'>
					</u-search>
				</u-form-item>
				<u-form-item label="【身份证】【护照号码】" prop="name17" required labelWidth="350rpx">
					<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
						v-model="form.name17" inputAlign='right' bgColor='#eee' placeholder='请输入'>
					</u-search>
				</u-form-item>

				<view class="s-hej u-m-t-40">
					根据《中华人民共和国合同法》及相关法律，法规的规定，合同三方在平等自愿，友好协商的基础上，一致达成如下协议：
				</view>
				<view class="s-hej u-m-t-40">
					第一条 租凭房产（以下称”该房产“）之地址为：
					<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
						v-model="form.name18" inputAlign='right' bgColor='#eee' placeholder='请输入'>
					</u-search>
				</view>
				<view class="s-h-g u-m-t-40">
					<text>建筑面积</text>
					<view class="input-btn3">
						<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
							v-model="form.name19" inputAlign='right' bgColor='#eee' placeholder='请输入'>
						</u-search>
					</view>
					<text>
						平方米{{"（以<房地产证面积> <商品房买卖合同> 为准）"}}，甲方保证对该房产拥有合法的出租权利，出租该房产并没有侵犯第三人的权利，并保证合同所载有关房产之情况以所提供的全部资料均真实，合法，准确，完整。否则甲方该承担由此引致的一切责任，同事乙方已实地察看该房产，对该物业的座向，面积，楼层，间隔，质量，装修，抵押情况，产权情况等均予以认可。
					</text>
				</view>

				<view class="s-hej u-m-t-40">
					第二条 甲方同意将该房出租给乙方作《住宅》《商业》《
					<view class="input-btn3">
						<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
							v-model="form.name20" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
					</view>
					》用途使用，租期限为<view class="input-3">
						<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
							v-model="form.name21" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
					</view>年，从<view class="input-3">
						<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
							v-model="form.name22" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
					</view>年
					<view class="input-3">
						<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
							v-model="form.name23" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
					</view>
					月
					<view class="input-3">
						<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
							v-model="form.name24" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
					</view>日至<view class="input-3">
						<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
							v-model="form.name25" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
					</view>年<view class="input-3">
						<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
							v-model="form.name26" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
					</view>月<view class="input-3">
						<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
							v-model="form.name27" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
					</view>日止。甲方应<view class="input-3">
						<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
							v-model="form.name28" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
					</view>年<view class="input-3">
						<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
							v-model="form.name29" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
					</view>月<view class="input-3">
						<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
							v-model="form.name30" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
					</view>日《 <view class="input-btn2">
						<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
							v-model="form.name31" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
					</view>》将房产交付乙方使用。甲方向乙方交付房产前应先结清管理费，水电费，煤气费等相关费用。
				</view>

				<view class="s-hej u-m-t-40">
					第三条 甲乙双方约定月租金为人民币 <view class="input-3">
						<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
							v-model="form.name32" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
					</view> 万 <view class="input-3">
						<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
							v-model="form.name33" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
					</view> 仟 <view class="input-3">
						<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
							v-model="form.name34" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
					</view>
					佰 <view class="input-3">
						<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
							v-model="form.name35" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
					</view> 拾 <view class="input-3">
						<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
							v-model="form.name36" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
					</view> 元整（¥ <view class="input-btn3">
						<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
							v-model="form.name37" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
					</view> ）。租金按月结算，乙方须于每月 <view class="input-3">
						<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
							v-model="form.name38" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
					</view> 号前向甲方缴纳次月租金，并由甲方出具收据，如乙方每逾期缴付一天，应按租金百分之一支付滞纳金给甲方。
				</view>

				<view class="s-hej u-m-t-40">
					第四条 乙方交付租金方式为【现金】【转账】支付。
				</view>
				<u-form-item label="甲方银行户名：" prop="name39" required labelWidth="220rpx">
					<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
						v-model="form.name39" inputAlign='right' bgColor='#eee' placeholder='请输入'>
					</u-search>
				</u-form-item>
				<u-form-item label="账号：" prop="name40" required labelWidth="100rpx">
					<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
						v-model="form.name40" inputAlign='right' bgColor='#eee' placeholder='请输入'>
					</u-search>
				</u-form-item>
				<u-form-item label="开户行：" prop="name41" required labelWidth="130rpx">
					<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
						v-model="form.name41" inputAlign='right' bgColor='#eee' placeholder='请输入'>
					</u-search>
				</u-form-item>
				<view class="s-hej u-m-t-40">
					第五条 乙方于甲方交付房产之日向甲方交付押金人民币 <view class="input-3">
						<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
							v-model="form.name42" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
					</view> 万 <view class="input-3">
						<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
							v-model="form.name43" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
					</view> 仟 <view class="input-3">
						<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
							v-model="form.name44" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
					</view> 佰 <view class="input-3">
						<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
							v-model="form.name45" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
					</view> 拾 <view class="input-3">
						<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
							v-model="form.name46" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
					</view> 元整（¥<view class="input-btn3">
						<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
							v-model="form.name47" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
					</view>）以及首月出租金人民币 <view class="input-3">
						<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
							v-model="form.name48" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
					</view> 万 <view class="input-3">
						<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
							v-model="form.name49" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
					</view> 仟 <view class="input-3">
						<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
							v-model="form.name50" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
					</view> 佰<view class="input-3">
						<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
							v-model="form.name51" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
					</view>拾 <view class="input-3">
						<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
							v-model="form.name52" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
					</view> 元整（¥ <view class="input-btn3">
						<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
							v-model="form.name53" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
					</view> ）。租凭期满，乙方付清租金及其他费用并按期迁出时，甲方应即时将押金无息退还乙方，若因乙方违约造成甲方经济损失的，甲方有权从押金中扣除相关费用发。
				</view>

				<view class="s-hej u-m-t-40">
					第六条 甲方【不提供家私电器】【提供家私电器（详见家私电器消单）】予乙方于租凭期间使用。
				</view>
				<view class="s-hej u-m-t-40">
					第七条 租赁期间，水电费、煤气费、电话费、物业管理费以及因乙方使用该房产面产生的费用由乙方负责支付。
				</view>
				<view class="s-hej u-m-t-40">
					第八条 在租赁期内，甲方负责对房屋定期安全检查，承担房屋主体结构自然损坏的维修费用。如因甲方维修责任面延误房屋维修造成他人人身伤亡、财产损失，应负责赔信。
				</view>
				<view class="s-hej u-m-t-40">
					第九条
					在租赁期内，乙方应爱护和正常使用房屋及其设备，发现房屋及其设备自然损坏，应及时通知甲方并积极配合甲方检查和维修，因乙方过错延误维修而造他人人身伤亡、财产损失的，乙方负责赔债：因乙方使用房屋不当或者人为造成房屋及其设备损坏的，应负责修复或赔信。
				</view>
				<view class="s-hej u-m-t-40">
					第十条
					在租赁期内，甲乙双方任何一方如需提前解除合同，公须征得另一方的同意。否则，按如下方处理：甲方提前收回该房产的，除退回全部押金外，还需支付相当于押金数额的费用作违约金；乙方提前退租的，甲方有权没收全部押金。
				</view>
				<view class="s-hej u-m-t-40">
					第十一条
					乙方有下列情况行为之一的，甲方有权终止本合同，收回房屋，没收评金；因此造成损失的，由乙方赔偿经济损失。1.未征得甲方同意，信自将房产转租、分租给他人使用或调换使用人的：2.利用该房产进行违法活动的：3.拖欠租金或相关费用超过十五天；4.未征得甲方及物业部门同意，擅自改变房屋结构和用途：5.故意损坏该房产的。
				</view>
				<view class="s-hej u-m-t-40">
					第十二条 租赁合同期满或提前终止，乙方必须迁出并将自己家具、杂物全部搬走，否则，将视为乙方对余下物品放弃权利，由甲方全权处理，乙方不得有任何异议。
				</view>
				<view class="s-hej u-m-t-40">
					第十三条
					租赁合同期间，房屋造到不可抗担的自然灾害导致毁灭，本租约则自然终止，互不承担责任，房产发生重大损失或倾倒危险的，甲方应负责修缮，甲方不修结的，乙方可提出退房或代甲方修缮，并以修增费用抵销租金。第一联（
					）第二联（红）联。
				</view>
				<view class="s-hej u-m-t-40">
					第十四条 本合同一式两份，甲，乙方各执一份，各份内容必须一致，具有同等法律效力，经双方方签章后生效。
				</view>
				<view class="s-hej u-m-t-40">
					第十五条 本合同如与过往双方方的协议、声明、承诺等不一致的，应以本合同为准。
				</view>
				<view class="s-hej u-m-t-40">
					第十六条 无论本合同是否已履行，如甲方、乙方任何一方发生争议且无法协商解决的，应向合同履行地即该房产所在地人民法院提起诉讼。
				</view>
				<view class="s-hej u-m-t-40">
					第十七条 双方约定的其他事项（对上述条款的修改或补充）：
					<view class="bg-sy">
						<u--textarea></u--textarea>
					</view>
				</view>
				<view class="s-hej u-m-t-40">
					备注：甲乙双方确认均已清楚了解合同条款的内容及含义，并自愿接受合同条款的约束，同时，甲乙双方确认经纪方已告知租凭该房产需按照有关规定到房管所部门办理租凭登记手续。
				</view>
				<view class="u-m-t-40">
					甲方签名：
					<view class="bg-sy">
						<u--textarea></u--textarea>
					</view>
					<view class="u-m-t-30">
						日期：<view class="input-3">
							<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
								v-model="form.name54" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
						</view>年<view class="input-3">
							<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
								v-model="form.name55" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
						</view>月<view class="input-3">
							<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
								v-model="form.name56" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
						</view>日
					</view>
				</view>
				<view class="u-m-t-40">
					乙方签名：
					<view class="bg-sy">
						<u--textarea></u--textarea>
					</view>
					<view class="u-m-t-30">
						日期：<view class="input-3">
							<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
								v-model="form.name57" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
						</view>年<view class="input-3">
							<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
								v-model="form.name58" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
						</view>月<view class="input-3">
							<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
								v-model="form.name59" inputAlign='right' bgColor='#eee' placeholder='请输入'></u-search>
						</view>日
					</view>
				</view>
				<u-form-item label="家私清单编号：" prop="name60" labelWidth="230rpx">
					<u-search shape="square" searchIcon=' ' :clearabled='false' :showAction='false'
						v-model="form.name60" inputAlign='right' bgColor='#eee' placeholder='请输入'>
					</u-search>
				</u-form-item>
			</u--form>
			<view class="u-m-t-30">
				<view class="u-flex">
					<view>
						<u-checkbox-group v-model="checked">
							<u-checkbox activeColor="#0E5642" inactiveColor="#DBB07B"></u-checkbox>
						</u-checkbox-group>
					</view>
					<view><text :class="!checked ? 'cdb' : 'clv'">本人已却读完上述条款，并确认按合同履行相关事务</text></view>
				</view>
			</view>
			<view class="u-m-t-30 u-flex boxali u-flex-center">
				<view class="boxque" :class="!checked ? '' : 'boxquelv'" @click="checked ? submit() : ''">确认提交</view>
			</view>
		</view>
	</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				form: {
					name: '',
					name1: '',
					name2: '',
					name3: '',
					name4: '',
					name5: '',
					name6: '',
					name7: '',
					name8: '',
					name9: '',
					name10: '',
					name11: '',
					name12: '',
					name13: '',
					name14: '',
					name15: '',
					name16: '',
					name17: '',
					name18: '',
					name19: '',
					name20: '',
					name21: '',
					name22: '',
					name23: '',
					name24: '',
					name25: '',
					name26: '',
					name27: '',
					name28: '',
					name29: '',
					name30: '',
					name31: '',
					name32: '',
					name33: '',
					name34: '',
					name35: '',
					name36: '',
					name37: '',
					name38: '',
					name39: '',
					name40: '',
					name41: '',
					name42: '',
					name43: '',
					name44: '',
					name45: '',
					name46: '',
					name47: '',
					name48: '',
					name49: '',
					name50: '',
					name51: '',
					name52: '',
					name53: '',
					name54: '',
					name55: '',
					name56: '',
					name57: '',
					name58: '',
					name59: '',
					name60: '',
				},
				rules: {
					name: [{
						required: true,
						message: '出租方（以下简称“甲方“）不能为空',
						trigger: ['blur', 'change']
					}, {
						pattern: /^[\u4e00-\u9fa5]{2,6}$/,
						message: '出租方（以下简称“甲方“）只能为汉字,不能少于两位字'
					}],
					name1: [{
						required: true,
						message: '国籍不能为空',
						trigger: ['blur', 'change']
					},{
						pattern: /^[\u4e00-\u9fa5]*$/,
						message: '国籍只能为汉字'
					}],
					name2: [{
						required: true,
						message: '【身份证】【护照号码】不能为空',
						trigger: ['blur', 'change']
					},{
						pattern:/(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{7}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}$)/,
						message: '您输入的身份证号码格式不对'
					}],
					name3: [{
						required: true,
						message: '营业执照不能为空',
						trigger: ['blur', 'change']
					}],
					name4: [{
						required: true,
						message: '法定代表人不能为空',
						trigger: ['blur', 'change']
					},{
						pattern: /^[\u4e00-\u9fa5]{2,6}$/,
						message: '法定代表人只能为汉字，不能少于两位字'
					}],
					name5: [{
						required: true,
						message: '委托代理人姓名不能为空',
						trigger: ['blur', 'change']
					},{
						pattern: /^[\u4e00-\u9fa5]{2,6}$/,
						message: '委托代理人姓名只能为汉字，不能少于两位字'
					}],
					name6: [{
						required: true,
						message: '联系地址／电话不能为空',
						trigger: ['blur', 'change']
					},{
						pattern: /^1[3456789]\d{9}$/,
						message: '号码格式不对，不能少于十一位数'
					}],
					name7: [{
						required: true,
						message: '国籍不能为空',
						trigger: ['blur', 'change']
					},{
						pattern: /^[\u4e00-\u9fa5]{2,6}$/,
						message: '委托代理人姓名只能为汉字，不能少于两位字'
					}],
					name8: [{
						required: true,
						message: '【身份证】【护照号码】不能为空',
						trigger: ['blur', 'change']
					},{
						pattern:/(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{7}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}$)/,
						message: '您输入的身份证号码格式不对'
					}],


					name9: [{
						required: true,
						message: '承租方（以下简称“乙方“）不能为空',
						trigger: ['blur', 'change']
					},{
						pattern: /^[\u4e00-\u9fa5]{2,6}$/,
						message: '承租方（以下简称“乙方“）只能为汉字，不能少于两位字'
					}],
					name10: [{
						required: true,
						message: '国籍不能为空',
						trigger: ['blur', 'change']
					},{
						pattern: /^[\u4e00-\u9fa5]*$/,
						message: '国籍只能为汉字'
					}],
					name11: [{
						required: true,
						message: '【身份证】【护照号码】不能为空',
						trigger: ['blur', 'change']
					},{
						pattern:/(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{7}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}$)/,
						message: '您输入的身份证号码格式不对'
					}],
					name12: [{
						required: true,
						message: '营业执照不能为空',
						trigger: ['blur', 'change']
					}],
					name13: [{
						required: true,
						message: '法定代表人不能为空',
						trigger: ['blur', 'change']
					},{
						pattern: /^[\u4e00-\u9fa5]{2,6}$/,
						message: '法定代表人只能为汉字，不能少于两位字'
					}],
					name14: [{
						required: true,
						message: '委托代理人姓名不能为空',
						trigger: ['blur', 'change']
					},{
						pattern: /^[\u4e00-\u9fa5]{2,6}$/,
						message: '委托代理人姓名只能为汉字，不能少于两位字'
					}],
					name15: [{
						required: true,
						message: '联系地址／电话不能为空',
						trigger: ['blur', 'change']
					},{
						pattern: /^1[3456789]\d{9}$/,
						message: '号码格式不对'
					}],
					name16: [{
						required: true,
						message: '国籍不能为空',
						trigger: ['blur', 'change']
					},{
						pattern: /^[\u4e00-\u9fa5]*$/,
						message: '国籍只能为汉字'
					}],
					name17: [{
						required: true,
						message: '【身份证】【护照号码】不能为空',
						trigger: ['blur', 'change']
					},{
						pattern:/(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{7}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}$)/,
						message: '您输入的身份证号码格式不对'
					}]
				},
				checked: false,
			};
		},

		onReady() {
			this.$refs.uForm.setRules(this.rules);
		},
		methods: {
			submit() {
				this.$refs.uForm.validate().then(res => {
					uni.$u.toast('校验通过')
				}).catch(errors => {
					// uni.$u.toast('校验失败')
				})
			}
		},
	};
</script>
<style lang="scss" scoped>
	.page {
		background-color: #fff !important;
		height: auto;
	}

	.queding {
		width: 244rpx;
		height: 60rpx;
		margin: auto;
		border-radius: 15rpx;
		background-color: #0E5642;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.s-hej {
		text-indent: 2em;
		line-height: 60rpx;
		font-size: 28rpx;
		color: #5A5A5A;
	}

	.s-h-g {
		line-height: 60rpx;
		font-size: 28rpx;
		color: #5A5A5A;
	}

	.input-btn3 {
		display: inline-block;
		width: 200rpx;
		margin: 10rpx 10rpx;
		background-color: #e5e5e5;
		border-radius: 6rpx;
		vertical-align: middle !important;
	}

	.input-3 {
		display: inline-block;
		width: 130rpx;
		margin: 10rpx 10rpx;
		background-color: #e5e5e5;
		border-radius: 6rpx;
		vertical-align: middle !important;
	}

	.input-btn2 {
		display: inline-block;
		width: 300rpx;
		margin: 10rpx 10rpx;
		background-color: #e5e5e5;
		border-radius: 6rpx;
		vertical-align: middle !important;
	}

	.bg-sy {
		margin-top: 30rpx;
		background-color: #e5e5e5;
	}

	.boxali {
		align-items: center;
	}

	.boxque {
		width: 244rpx;
		height: 60rpx;
		line-height: 60rpx;
		text-align: center;
		color: #fff;
		background-color: #bfbfbf;
		border-radius: 10rpx;
	}

	.boxquelv {
		background-color: #0e5642;
	}

	.cdb {
		color: #dbb07b;
		font-size: 24rpx;
	}

	.clv {
		color: #0e5642;
	}
</style>
